/** @type {HTMLCanvasElement} */
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

const init = () => {
  let fontSize = window.innerWidth / 80;
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  canvas.style.background = "#000";
  let texts = Array(Math.floor(canvas.width / fontSize));
  texts.fill(0);
  let num = 0;
  setInterval(() => {
    num++;
    canvas.style.background = "rgba(0,0,0,0.1)";
    ctx.fillStyle = "rgba(0,0,0,0.1)";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    texts.forEach((v, i) => {
      ctx.fillStyle = `hsl(136,100%,${rN(50, 70)}%)`;
      ctx.font = `${fontSize}px 微软雅黑`;
      ctx.fillText(r(), i * fontSize, v);
      texts[i] = Math.random() < 0.01 ? 0 : v + fontSize;
    });
  }, 150);
};

const text =
  "アストンが旅行者を送ったラサのアスリコンオーストリアカードを離れると発生した見方を受けて、添付ファイルを開けて阿里山拡大飛行機アリスの開発を好きになった宅配料金機阿里山大理石の開発者デルを好きになったよiああマイクロソフトオーウェン圏の核兵器はお腹が空いているよi人と一緒に私の子供が税金を引かれた食事カードの上の自慢だよiマイクロソフトは人情味のためにiたまにiもiもああそして権益を守るグリーンカードの額はすべてに優しくiああi額はi額を囲んでi額はi額はi額を囲んでいるよiああアーヴィン人よiアビラは座を譲るよiは私を애스턴이 여행객을 보냈다 라싸가 아스트라제네카 오스트리아 카드를 떠나자 생긴 소견으로 첨부파일을 열어 아리산을 확장한 비행기 앨리스의 개발을 사랑하게 되었다 택배비 아리산 대리석 개발업자 데일 오아이아 마이크로소프트 오웬 테두리 핵무기 배고파 오아이와 함께 우리아 세금 깎인 밥카드에 있는 오아이 마이크로소프트 인간미 i 가끔은 i 오아이, 비권 녹액 이 모든 것을 에워쌌다 오아이.";
const r = () => {
  return text.split("")[Math.floor(Math.random() * 300)];
};
$(function () {
  init();
});

function rN(min, max) {
  return Math.random() * (max - min + 1) + min;
}
window.onresize = function () {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  init();
};
